.TopKnowledgeEncyclopedia {
  width: 100vw;
  height: 5vh;
  display: flex;
  align-items: center;
}
.TopKnowledgeEncyclopedia div {
  width: 100vw;
  height: 5vh;
  border-left: 3px solid #3087ea;
  padding: 0 5px;
  color: #3087ea;
  font-weight: bold;
}
.BtnKnowledgeEncyclopedia {
  width: 100vw;
  height: 30vh;
  display: flex;
}
.LeftBtnKnowledgeEncyclopedia {
  width: 50vw;
  height: 30vh;
}
.TLeftBtnKnowledgeEncyclopedia {
  width: 50vw;
  height: 5vh;
  display: flex;
  align-items: center;
}
.BLeftBtnKnowledgeEncyclopedia {
  width: 50vw;
  height: 25vh;
}
.BLeftBtnKnowledgeEncyclopedia img {
  width: 50vw;
  height: 20vh;
}

.RightBtnKnowledgeEncyclopedia {
  width: 50vw;
  height: 30vh;
}
.TRightBtnKnowledgeEncyclopedia {
  width: 50vw;
  height: 5vh;
  display: flex;
  align-items: center;
}
.BRightBtnKnowledgeEncyclopedia {
  width: 50vw;
  height: 25vh;
}
.BRightBtnKnowledgeEncyclopedia img {
  width: 50vw;
  height: 20vh;
}